<script setup lang="ts">
import { onActivated, onDeactivated } from "vue";

onActivated(() => {
  // 调用时机为首次挂载，以及每次从缓存中被重新插入时
  console.log("Child01 为激活状态");
});
onDeactivated(() => {
  // 在从 DOM 上移除、进入缓存，以及组件卸载时调用
  console.log("Child01 进入未激活状态");
});
</script>

<template>
  <div>Child01 子组件</div>
</template>
